<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>个人中心</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<link rel="stylesheet" href="http://static-online.zhaogang.com/publicresource/css/CatUI.min.css">
	<link rel="stylesheet" href="/Resources/user/css/user.css">
</head>
<body>
	<div id="mall_header">
		<div class="topbar">
			<div class="w1180">
				<div class="toplink">
					<a href=""><i class="home"></i>找钢首页</a>
					<span>喵，欢迎来找钢！</span>
					<a href="javascript:" id="btn_login">请登录</a>
					<a href="javascript:" id="btn_register">免费注册</a>
					<a href="javascript:" id="btn_quit" style="display:none;">退出</a>
				</div>
				<div class="topmenu">
					<a href="">我的找钢网</a>
					|<a href="">我的订单</a>
					|<a href="">积分商城</a>
					|<a href="">帮助中心</a>
					|<a href="">在线客服</a>
					|<span><i class="tel"></i>021-60100300 (8:30-17:30)</span>	
				</div>
			</div>
		</div>
		<div class="header_box">
			<div class="header_main subtitle">
				<a href="" class="logo"></a>
				<h1>个人中心<span>（个人版）</span></h1>
				<span class="link">
					<a href="javascript:void(0)">切换账号</a>
					<a href="javascript:void(0)">退出</a>
				</span>
			</div>
		</div>
	</div>

	<div class="user_content">
		<div class="nav">
			<dl>
				<dt>我的交易</dt>
				<dd><a href="index.html">我的购物车</a></dd>
				<dd><a href="order.html">我的商城订单</a></dd>
				<dd><a href="fp.html">发票查询</a></dd>
			</dl>
			<dl>
				<dt>我的资源单</dt>
				<dd><a href="my_zyd.html">我的资源单</a></dd>
				<dd><a href="my_gz.html">我的关注</a></dd>
			</dl>
			<dl>
				<dt>胖猫白条</dt>
				<dd><a href="javascript:void(0)" class="on">我的白条</a></dd>
				<dd><a href="record.html">交易记录</a></dd>
				<dd><a href="discount.html">优惠管理</a></dd>
			</dl>
			<dl>
				<dt>企业信息</dt>
				<dd><a href="company_info.html">企业信息</a></dd>
				<dd><a href="child.html">子账号管理</a></dd>
			</dl>
			<dl>
				<dt>个人中心</dt>
				<dd><a href="apply.html">申请企业账号</a></dd>
				<dd><a href="user_info.html">账户信息</a></dd>
				<dd><a href="point.html">我的积分</a></dd>
				<dd><a href="user_safe.html">账号安全</a></dd>
			</dl>
		</div>
		<div class="content">
			<div class="recent_list lous">
				<h2>我的白条 <span>会员编号：<b>1000100502280</b></span> <span>额度期限：<b>2016-04-12 至 2017-07-27</b></span><div class="download"><div class="download-top"><i></i>我的合同</div><ul class="download-bot"><li><a href="javascript:;">合同协议</a></li><li><a href="javascript:;">担保函_马靖琼</a></li><li><a href="javascript:;">担保函_潘启金</a></li></ul></div></h2>
				<ul class="lous_details">
					<li class="lous_total">
						<i></i>
						总额度
						<p class="num">￥12000000.00</p>
						<div class="haslimit"></div>
					</li>
					<li class="lous_order">
						<i></i>
						可用额度
						<p class="num">￥301013.12</p>
					</li>
					<li class="lous_lock">
						<i></i>
						锁定金额
						<p class="num">￥12000000.00</p>
					</li>
				</ul>
			</div>
			<div class="recent_list lous_table">
				<div class="box">
					<div class="lous_to_pay">
						<span>待还罚息：<b>￥20.08</b></span>
						<span>待还利息：<b>￥20.08</b></span>
						<span>待还本金：<b>￥300000.08</b></span>
						<span>待还总额：<b>￥300000.08</b></span>
					</div>
					<div class="lous_select">
						<ul>
							<li class="active">全部</li>
							<li>未还款</li>
							<li>部分还款</li>
							<li>已还款</li>
						</ul>
						<div class="condition_box">
							<input type="text" id="date1" data-date-format="yyyy-mm-dd" readonly="" placeholder="2016-10-11"/ class="date">
							<input type="text" id="date2" data-date-format="yyyy-mm-dd" readonly="" placeholder="2016-10-18"/ class="date">
							<input type="text" placeholder="输入订单号">
							<a href="javascript:void(0)" class="btns">搜索</a>
							<a href="javascript:void(0)" class="btns btns_empty">清空</a>
						</div>
					</div>
					<ul class="lous_look">
						<li>
							<p class="look_h1">
								<span class="lous_w1 lous_list">订单编号<a href="javascript:;" class="blue">XS16100810096399</a></span>
								<span class="lous_w2">待还金额：<b class="red">￥10,069.10</b></span>
								<span class="lous_w3"><i>已产生利息和罚息<em></em></i></span>
							</p>
							<p class="look_h2">
								<span class="lous_w1">待还本金：<b>￥10,069.10</b></span>
								<span class="lous_w2">待还利息：<b>￥10,069.10</b></span>
								<span class="lous_w3">待还利息：<b>￥10,069.10</b></span>
								<span class="lous_w4">
									<a href="javascript:void(0)" class="btns">立即还款</a> 
									<a href="javascript:void(0)" class="see_detail">详情</a>
								</span>
							</p>
							<div class="look_h3">
								<span class="lous_w1">订单金额：<b>￥10,069.10</b></span>
								<span class="lous_w2">白条金额：<b>￥10,069.10</b></span>
								<span class="lous_w3">还款状态：<b>部分还款</b></span>
								<span class="lous_w1">下单时间：<b>2016-19-08 13:34:45</b></span>
							</div>
						</li>
						<li>
							<p class="look_h1">
								<span class="lous_w1 lous_list">订单编号<a href="javascript:;" class="blue">XS16100810096399</a></span>
								<span class="lous_w2">待还金额：<b class="red">￥10,069.10</b></span>
								<span class="lous_w3"><i>5天后产生利息和罚息<em></em></i></span>
							</p>
							<p class="look_h2">
								<span class="lous_w1">待还本金：<b>￥10,069.10</b></span>
								<span class="lous_w2">待还利息：<b>￥10,069.10</b></span>
								<span class="lous_w3">待还利息：<b>￥10,069.10</b></span>
								<span class="lous_w4">
									<a href="javascript:void(0)" class="btns">立即还款</a> 
									<a href="javascript:void(0)" class="see_detail">详情</a>
								</span>
							</p>
							<div class="look_h3">
								<span class="lous_w1">订单金额：<b>￥10,069.10</b></span>
								<span class="lous_w2">白条金额：<b>￥10,069.10</b></span>
								<span class="lous_w3">还款状态：<b>部分还款</b></span>
								<span class="lous_w1">下单时间：<b>2016-19-08 13:34:45</b></span>
							</div>
						</li>
						<li>
							<p class="look_h1">
								<span class="lous_w1 lous_list">订单编号<a href="javascript:;" class="blue">XS16100810096399</a></span>
								<span class="lous_w2">待还金额：<b class="red">￥10,069.10</b></span>
								<span class="lous_w3"><i>已逾期7天<em></em></i></span>
							</p>
							<p class="look_h2">
								<span class="lous_w1">待还本金：<b>￥10,069.10</b></span>
								<span class="lous_w2">待还利息：<b>￥10,069.10</b></span>
								<span class="lous_w3">待还利息：<b>￥10,069.10</b></span>
								<span class="lous_w4">
									<a href="javascript:void(0)" class="btns">立即还款</a> 
									<a href="javascript:void(0)" class="see_detail">详情</a>
								</span>
							</p>
							<div class="look_h3">
								<span class="lous_w1">订单金额：<b>￥10,069.10</b></span>
								<span class="lous_w2">白条金额：<b>￥10,069.10</b></span>
								<span class="lous_w3">还款状态：<b>部分还款</b></span>
								<span class="lous_w1">下单时间：<b>2016-19-08 13:34:45</b></span>
							</div>
						</li>
					</ul>
					
					<div class="pkg_page clearfix">
						<a href="javascript:" class="up up_nocurrent">上一页</a>
						<a href="javascript:" class="current">1</a>
						<a href="javascript:">2</a>
						<a href="javascript:">3</a>
						<a href="javascript:">4</a>
						<span class="pkg_page_ellipsis">...</span>
						<a href="javascript:">99</a>
						<a href="javascript:" class="down">下一页</a>
					<span class="pkg_pagevalue">
						到<input type="text" id="iptPageTxt" class="pkg_page_num">页<a href="javascript:" class="pkg_page_submit">确定</a>
					</span>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="mall_footer">
		<div class="copyright">
			<div class="link">
		    	<a href="" target="_blank">关于我们</a>
		        | <a href="" target="_blank">法律声明</a>
		        | <a href="" target="_blank">诚聘英才</a>
		        | <a href="" target="_blank">联系我们</a>
		        | <a href="" target="_blank">友情链接</a>
		        | <a href="" target="_blank">常见问题</a>
		    </div>
			<p>COPYRIGHT &copy; 找钢网 www.zhaogang.com 沪ICP备 13013915号-3 ICP证：沪B2-20140148</p>
			<p class="honor">
				<span>商务部2015-2016年度电子商务示范企业</span>
				<span>2015年中国企业家未来之星</span>
				<span>经济观察报 中国最受尊敬企业风云人物</span>
				<span>2015年中国大宗商品现代流通诚信市场</span>
			</p>
			<div class="copyimg">
				<span class="img1"></span>
				<span class="img2"></span>
				<a href="http://www.itrust.org.cn/home/index/itrust_certifi?wm=1591692730" class="img4" target="_blank"></a>
				<a href="" class="img3"></a>
			</div>
		</div>
	</div>


	<script src="http://static-online.zhaogang.com/publicresource/js/jquery.min.js"></script>
	<script src="http://static-online.zhaogang.com/publicresource/js/CatUI.min.js"></script>
	<script>
		!function(a){a.fn.datepicker.dates["zh-CN"]={days:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],daysShort:["周日","周一","周二","周三","周四","周五","周六"],daysMin:["日","一","二","三","四","五","六"],months:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],monthsShort:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],today:"今日",clear:"清除",format:"yyyy年mm月dd日",titleFormat:"yyyy年mm月",weekStart:1}}(jQuery);


		$('#date1, #date2').datepicker({
			language: "zh-CN",
			clearBtn: true,
			autoclose: true,
			todayHighlight: true
		});
		
		$('.see_detail').on('click',function(){
			var look_h3=$(this).parents('li').find('.look_h3');
			if(look_h3.is(':hidden')){
				$(this).addClass('up').html('收起');
				look_h3.show();
			}else{
				$(this).removeClass('up').html('详情');
				look_h3.hide();
			}
			
		})

		if(navigator.appName == "Microsoft Internet Explorer"){
			if(navigator.appVersion.split(";")[1].replace(/[ ]/g,"")=="MSIE8.0" || navigator.appVersion.split(";")[1].replace(/[ ]/g,"")=="MSIE9.0"){
				for(var i=0;i<$('input[placeholder]').length;i++){
					$('input[placeholder]').eq(i).val($('input[placeholder]').eq(i).attr('placeholder'));
				}
			}
		}
	</script>
</body>
</html>